<!DOCTYPE html>
<html>

<head>
    <title>首页</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/index.min.css">
    <link rel="stylesheet" href="./css/login.min.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <script src="./js/jquery-1.8.3.min.js"></script>
</head>

<body>
    <!-- 头部导航 -->
    <div class="main">
        <!-- 导航 -->
        <div class="nav">
            <ul class="layui-nav" id="layui-nav-span-l">
                <p class="nav-side">|||</p>
                <a href="./index.html" class="logo">
                    <img src="./images/web-app-logo.webp" alt="">
                </a>
            </ul>
            <div class="nav-search">
                <div class="input-wrap">
                    <div class="nav-icon">
                        <i class="iconfont">&#xe622;</i>
                        <span>搜索</span>
                    </div>
                    <input type="text" id="search-input" value="">
                </div>
                <div class="search-box">请输入搜索关键词</div>
            </div>
            <ul class="layui-nav" id="layui-nav-span-r">
                <li class="layui-nav-item">
                    <a href=""><i class="iconfont">&#xe73c;</i></a>
                </li>
                <li class="layui-nav-item">
                    <a href="" class="scroll-wrapper">
                        <i class="iconfont">&#xe60b;</i>
                        <div class="infinite-container">
                            <div class="infinite-spinner">
                                <div class="prompt">
                                    没有更多了
                                </div>
                            </div>
                            <div class="infinite-fade">
                                <p class="link">全部已读</p>
                                <p class="link">删除已读</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="layui-nav-item show">
                    <a href="./mypage.html"><img src="./images/avater3.jfif" class="layui-nav-img">
                        <span class="nkname">克施勤德</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="./mypage.html">
                                <i class="iconfont">&#xe60d;</i>
                                我的主页
                            </a>
                        </dd>
                        <dd>
                            <a href="./supports.html">
                                <i class="iconfont">&#xe60a;</i>
                                我的帖子
                            </a>
                        </dd>
                        <dd>
                            <a href="./collect_s.html">
                                <i class="iconfont">&#xe8c6;</i>
                                我的收藏
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;">
                                <i class="iconfont">&#xe78a;</i>
                                我的订单
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;">
                                <i class="iconfont">&#xe6d7;</i>
                                MYKB设计
                            </a>
                        </dd>
                        <dd>
                            <a href="./adminlogin.html">
                                <i class="iconfont">&#xe650;</i>
                                后台管理
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;" class="logout">
                                <i class="iconfont">&#xe60c;</i>
                                退出登录
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item leave">
                    <a href="./login.html" class="login">登录/注册</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- main-box -->
    <div class="main-box">
        <!-- 左侧导航 -->
        <div class="sidebar">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic"><i class="iconfont">&#xe635;</i> 社区</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" class="taglist">
                        <span class="side-pic">
                            <i class="iconfont">&#xeb2b;</i> 发车日历</span>
                        <span class="cnt cnt1">11</span>
                    </a>
                </li>
                <li class="layui-nav-item ">
                    <a href="javascript:;" class="taglist">
                        <span class="side-pic"><i class="iconfont">&#xe651;</i> 装备商店</span>
                        <span class="cnt cnt2">闪购中</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">
                                <span class="layui-span"><i class="iconfont">&#xe764;</i> 键盘定制</span>
                            </a>
                        </dd>
                        <dd><a href="javascript:;">
                                <span class="layui-span"><i class="iconfont">&#xe60f;</i> 键帽库</span>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item ">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="1">
                            <img src="./images/jx.webp" class="img" alt="">
                            机械键盘</span>
                    </a>

                </li>
                <!-- <li class="layui-nav-item showli">
                    <a href="javascript:;">
                        <span class="layui-span"><i class="iconfont">&#xe764;</i> 键盘定制</span>
                    </a>
                </li>
                <li class="layui-nav-item showli">
                    <a href="javascript:;">
                        <span class="layui-span"><i class="iconfont">&#xe60f;</i> 键帽库</span>
                    </a>
                </li> -->
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="2">
                            <img src="./images/pc.webp" class="img" alt=""> PC装机</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="3">
                            <img src="./images/ej.webp" class="img" alt="">
                            视听HiFi</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="4">
                            <img src="./images/sy.webp" class="img" alt=""> 摄影</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="5">
                            <img src="./images/sm.webp" class="img" alt=""> 数码</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="6">
                            <img src="./images/cw.webp" class="img" alt=""> 潮玩模型</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="7">
                            <img src="./images/qx.webp" class="img" alt=""> 前线生活</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="8">
                            <img src="./images/tz.webp" class="img" alt=""> 头文字Z</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <span class="side-pic" data-cid="9">
                            <img src="./images/yx.webp" class="img" alt=""> 游戏</span>
                    </a>
                </li>
            </ul>
            <div class="sidebarbot">
                <div class="app-donw">
                    <i class="iconfont">&#xe63d;</i>
                    App下载
                </div>
                <div class="flex-center">
                    <i class="iconfont">&#xe63d;</i>
                    <i class="iconfont">&#xe602;</i>
                    <i class="iconfont">&#xe88d;</i>
                    <i class="iconfont">&#xe634;</i>
                </div>
                <div class="app-text">
                    <span>
                        前线指南 键盘测试 前线更新公告 用户协议
                        沪ICP备16013533号 沪ICP证B2-20180587
                    </span>
                    <span>
                        <img src="./images/icon-wan.png" alt="">
                        沪公网安备
                        31010602006270号
                    </span>

                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div class="nav-handle"></div>
        <div class="container">
            <div class="page-wrap">
                <div class="banner-wrap">
                    <div class="layui-carousel" id="wrap">
                        <div carousel-item>
                            <div><img src="./images/banner1.webp" alt=""></div>
                            <div><img src="./images/banner2.webp" alt=""></div>
                            <div><img src="./images/banner3.webp" alt=""></div>
                            <div><img src="./images/banner4.webp" alt=""></div>
                            <div><img src="./images/banner5.webp" alt=""></div>
                        </div>
                    </div>
                </div>
                <div class="main-wrap">
                    <!-- 文章列表 -->
                    <div class="list-wrap">
                        <div class="tabs-component">
                            <div class="component-tab">关注</div>
                            <div class="component-tab">最新</div>
                            <div class="component-tab">情报</div>
                            <div class="component-tab">市场</div>
                            <div class="component-tab">问答</div>
                            <div class="component-tab">wiki</div>
                            <div class="component-tab">精华</div>
                            <span class="cloud"></span>
                        </div>
                        <div class="user-list">

                        </div>
                        <div class="more animated rotateIn infinite">数据加载中......</div>
                    </div>
                    <!-- 右侧信息 -->
                    <div class="right-side">
                        <div class="checkin-box">
                            <div class="top">
                                <a href="/mypage.html"><img src="./images/avater3.jfif" alt=""></a>
                                <div class="right">
                                    <div class="nickname-mb">昵称</div>
                                    <div class="jifen"><span>50</span> 积分</div>
                                    <input type="hidden" name="score" value="">
                                    <div class="flex-center">
                                        <span>Lv.0蛙人</span><span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="bottom">
                                <span class="pointer" id="pointer">签到</span>
                                <span class="fc-gery" id="gery">今日签到+1分</span>
                            </div>
                        </div>
                        <div class="mt">
                            <div class="side-title">
                                <p>正在发车</p>
                                <div>
                                    <spans class="iconfont">&#xeb2b;</spans>
                                    <span>发车日历</span>
                                </div>
                            </div>
                            <div class="item-list">
                                <a href="" class="item-mch">
                                    <div class="img-box">
                                        <img src="./images/side-img1.webp" alt="">
                                    </div>
                                    <div class="info-box">
                                        <div class="title-mb">Milkway Fuyu 冬 PBT 热升华键帽</div>
                                        <div class="progress-bar">
                                            <span>
                                                <i></i>
                                            </span>
                                            <span>8.12-9.10预售中</span>
                                        </div>
                                        <div class="bottom-bar">
                                            <div>
                                                <span><i class="iconfont">&#xe610;</i> 1</span>
                                                <span><i class="iconfont">&#xec7f;</i>2</span>
                                            </div>
                                            <div><img src="./images/favicon.ico" alt=""></div>
                                        </div>
                                    </div>
                                </a>
                                <a href="" class="item-mch">
                                    <div class="img-box">
                                        <img src="./images/side-img2.webp" alt="">
                                    </div>
                                    <div class="info-box">
                                        <div class="title-mb">
                                            Domikey Minty Fresh薄荷绿ABS二色键帽
                                        </div>
                                        <div class="progress-bar">
                                            <span>
                                                <i></i>
                                            </span>
                                            <span>8.16-9.17预售中</span>
                                        </div>
                                        <div class="bottom-bar">
                                            <div>
                                                <span><i class="iconfont">&#xe610;</i> 1</span>
                                                <span><i class="iconfont">&#xec7f;</i>4</span>
                                            </div>
                                            <div><img src="./images/favicon.ico" alt=""></div>
                                        </div>
                                    </div>
                                </a>
                                <a href="" class="item-mch">
                                    <div class="img-box">
                                        <img src="./images/side-img3.webp" alt="">
                                    </div>
                                    <div class="info-box">
                                        <div class="title-mb">WDA化舞
                                        </div>
                                        <div class="progress-bar">
                                            <span>
                                                <i></i>
                                            </span>
                                            <span>8.17-9.17预售中</span>
                                        </div>
                                        <div class="bottom-bar">
                                            <div>
                                                <span><i class="iconfont">&#xe610;</i> 1</span>
                                                <span><i class="iconfont">&#xec7f;</i>5</span>
                                            </div>
                                            <div><img src="./images/favicon.ico" alt=""></div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--  编辑模态框-->
        <div class="fixed-btn-group">
            <!-- 编辑区begin -->
            <div class="click-round">
                <div class="popup2 click-round-popup2">
                    <div class="popup2-one">
                        <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                        <input type="text" placeholder="输入分享文字">
                    </div>
                    <div class="popup2-two"></div>
                    <div class="popup2-three">
                        <div class="close">
                            <!-- 关闭 -->
                            <div id="close">关闭</div>
                            <!-- 清空 -->
                            <div id="empty">清空</div>
                        </div>
                        <!-- 发布 -->
                        <div class="issue">发布</div>
                    </div>
                </div>
            </div>

            <div class="click-round click-round1">
                <div class="popup2 click-round-popup2">
                    <!-- 头像所在框 -->
                    <div class="popup2-one">
                        <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                        <input type="text" placeholder="输入分享文字">
                    </div>
                    <!-- 发布内容框 -->
                    <div class="popup2-two"></div>
                    <!-- 发布等按钮 -->
                    <div class="popup2-three">

                        <div class="close">
                            <!-- 关闭 -->
                            <div id="close">关闭</div>
                            <!-- 清空 -->
                            <div id="empty">清空</div>
                        </div>
                        <!-- 发布 -->
                        <div class="issue">发布</div>
                    </div>
                </div>
            </div>

            <div class="click-round click-round3">
                <div class="popup2 click-round-popup2">
                    <div class="popup2-one">
                        <img src="./images/D14F61EC6E9612E92EE6A83B4CE26940.jpg" alt="">
                        <input type="text" placeholder="输入分享文字">
                    </div>
                    <div class="popup2-two"></div>
                    <div class="popup2-three">
                        <div class="close">
                            <!-- 关闭 -->
                            <div id="close">关闭</div>
                        </div>
                        <!-- 发布 -->
                        <div class="issue">发布</div>
                    </div>
                </div>
            </div>
            <!-- 编辑区end -->


            <!-- 点击框 begin-->
            <div class="click-popup">
                <div class="popup1">
                    <div class="box-popup">
                        <div class="picture caddy">
                            <span class="iconfont icon-shangchuantupian">&#xe6e9;</span>
                        </div>
                        <div>图文</div>
                    </div>
                    <div class="box-popup">
                        <div class="tick caddy">
                            <span class="iconfont icon-duigou">&#xe617;</span>
                        </div>
                        <div>发起投票</div>
                    </div>
                    <div class="box-popup">
                        <div class="article caddy">
                            <span class="iconfont icon-bianji">&#xe60a;</span>
                        </div>
                        <div>长文章</div>
                    </div>
                    <div class="box-popup">
                        <div class="share caddy">
                            <span class="iconfont icon-lianjie">&#xe614;</span>
                        </div>
                        <div>分享链接</div>
                    </div>
                </div>
            </div>
            <div class="stick">
                <!-- 置顶箭头 -->
                <div class="arrows">
                    <span class="iconfont icon-xiangshang">&#xe612;</span>
                </div>
                <!-- 铅笔 -->
                <div class="pencil">
                    <span class="iconfont icon-bianji">&#xe60a;</span>
                </div>
            </div>
            <!-- 点击框end-->
        </div>
    </div>

    <script src="./layui/layui.js"></script>
    <script src="./js/glayui.js"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/axios/0.26.0/axios.min.js"></script>
    <script src="./js/nav.js"></script>
    <script src="./js/stick.js"></script>
    <script src="./js/contain.js"></script>
    <script src="./js/articleInfo.js"></script>
    <script src="./js/side.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/score.js"></script>
    <script src="./js/logout.js"></script>

</body>

</html>